/* 
* @Author: anchen
* @Date:   2015-08-12 17:25:48
* @Last Modified by:   anchen
* @Last Modified time: 2015-08-13 17:44:37
*/
/*reset*/
body,.row,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-9,.col-xs-12,p,ul,li{
    margin: 0;
    padding: 0;
    border:none;
}
body{
     background:#e5f3fe;
}
.container{
    padding-right: 15px;
    padding-left: 5px;
}
li{
    list-style:none;
}
a{
    text-decoration: none;
    text-align: center;
}
a:visited,a:hover{

    color:#fff;
    text-decoration:none;
}
a,span,p{
    color:#fff;
}
img{
    border:none;
    vertical-align: top;
}
.clear{
	clear:both;
}
/*title*/
.title{
    background:#007aff;
    font-size: 1.35em;
    line-height: 2em;
    margin:0 -15px;
}
#title{
background:url("img/title.gif") #007aff no-repeat 2px 15%;
padding-left: 1.125em;

}
/*head*/
#header{
    background:url("img/header.gif") no-repeat 0 0;
    background-size:100%,100%;
	margin-right: -15px;
    margin-left: -15px;
}
#header #hImg{
    width: 70%;
    height: 70%;
    margin:90% 0 0 70%;
}
#header #hName{
    font-size:1.35em;
    padding:0 0 0 60%;
    line-height:28px;
}
#header #hMood{
    font-size:1.25px;
    color:#d2d2d2;
    padding-left: 12%;
    line-height: 22px;
}
/*content*/
.contBg{
    background:#e5f3fe;
    border-bottom: 1px solid #b9d9ff;
}
.contHead1{
    height:100%;
    background:#e5f3fe;
}
.contHead{
    padding:15% 10% 0 0;
	

}
/*时间轴*/
.contMain::before { 
    content: ""; 
    width: 2px; 
    height: 100%;
    top: 0;
    bottom: 0; 
    left: -3%; 
    background: #b9d9ff;
    position: absolute ;
}


 .contMain::after { 
    content: "";
    width: 10px;
    height: 10px; 
    border-radius: 50%;
    position: absolute; 
    left: -4%; 
    top: 36px; 
    background: #fff; 
    border: 2px solid #057aff; 
    z-index: 10;
      }
 .contMain:hover::after { 
    background: #057aff;
    border-color: #fff;
     }
/* 鼠标放上去 圆形边框变色 */


/*.bet{
    background:url("img/cB1.gif") no-repeat 0 0;
    width: 24px;
    height: 269px;
	margin-left:80%;
    display: inline-block;
	background:#e5f3fe;
}*/


.contMain{
   /*padding-top:5%;*/
   padding-right: 10%;
   background:#e5f3fe;
   padding:2px 0;
}
.contMain .contTitle{
    font-size:1.3em;
    line-height: 2em;
    color:#057aff;
   
}
.contMain .contText p{
    color:black;
    font-size:1.2em;
    line-height: 1.3em;
    padding:12px 8px;
    border:1px solid #b8dcfe;
    background:#f1f8fe;
}

#comment{
    /*background:#e5f3fe;*/
   /* float: right;
    padding:14px 0;*/
    padding:8px 0;
}
#comment span{
   font-size:1.1em;
   height: 36px;
   line-height: 36px;
   color:#007aff;
   cursor: pointer;
   display:inline-block;
}
.comment{
   background:url("img/ccoment.gif") no-repeat 0 10%;
   padding-left:35%;
 
}
.good{
    background: url("img/cgood.gif") no-repeat 0 0;
	padding-left: 25%;
	margin-left: 40%;
    
}

.comTitle,.comP{
    font-size:1.1em;
    line-height: 1.2em;
    padding:6px 16px;
    border:1px solid #b8dcfe;
    background:#f1f8fe;
    color:#007aff;
}
.comP p{
   color:#007aff;
} 
.comTitle{
    border-bottom: none;
}
.comTitle span,.comP span{
    color:#000;
}